



        #contn.main>.palace{
            padding-top: 20px;
        }
        #contn .palace .item{
            border-radius: 6px;
            overflow: hidden;
            box-shadow: 0px 2px 4px -1px rgba(0,0,0,.1);
            position: relative;
        }
        
        #contn .palace .item .inner{
            background: #fff;
            padding: 16px;
            padding-left: 12px;
            position: relative;
            z-index: 3;
            right: 0px;
            transition: right .32s;
        }
        #contn .palace .item .inner.noTrans{
            transition: initial;
        }
        #contn .palace .item.candel .inner{
            right: calc((100% - 28px) * .15 + 32px) !important;
        }
        #contn .palace .item .del{
            top:0px;
            color: #fff;
            position: absolute;
            width: calc((100% - 28px) * .15 + 32px);
            height: 100%;
            background-color: #FF7930;
            right: 0%;
            white-space: nowrap;
            font-size: 16px;
        }
        #contn .palace .item .del img{
            margin: 0 auto;
            width: 24px;
            margin-bottom: 10px;
        }
        #contn .palace .item + .item{
            margin-top: 10px;
        }
        #contn .palace .item .avt{
            width: 15%;
            margin-right: 5%;
        }
        #contn .palace .item .avt .mid{
            position: relative;
            padding-bottom: 100%;
            border-radius: 50%;
            overflow: hidden;
        }
        #contn .palace .item .txt{
            flex: 1;
            line-height: 1;
        }
        #contn .palace .item .name{
            font-size: 16px;
            position: relative;
        }   
        #contn .palace .item .name .time{
            position: absolute;
            top: 0px;
            right: 0px;
            font-size: 12px;
            color: #B9C0CA;
        }
        #contn .palace .item .msg{
            position: relative;
            font-size: 14px;
            color: #636E7E;
            margin-top: 12px;
        }
        #contn .palace .item .msg.unread{
            padding-right: 35px;
        }
        #contn .palace .item .msg .num{
            width: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 13px;
            border-radius: 50%;
            background-color: #FF7930;
            color: #fff;
            position: absolute;
            top: 50%;
            right: 0px; 
            transform: translateY(-50%);
            display: none;
        }
        #contn .palace .item .msg.unread .num{
            display: block;
        }